<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}"/>
</head>
<body>
<div class="main">
    <header>电影列表</header>
    <nav>
        <ul>
            <li>
                <p>{{ data.movie_sum }}部</p>
                <p>电影总数</p>
            </li>
            <li>
                <p>{{ data.max_rating }}分</p>
                <p>最高电影评分</p>
            </li>
            <li>
                <p>{{ data.type_count }}种</p>
                <p>电影种类数</p>
            </li>
            <li>
                <p>{{ data.max_year}}年</p>
                <p>最多电影上映年份</p>
            </li>
            <li>
                <p>{{ data.max_timing }}分钟</p>
                <p>最大时长</p>
            </li>
            <li>
                <p>{{ data.max_director }}</p>
                <p>作者贡献</p>
            </li>
        </ul>
    </nav>
    <section>
        <table class="table table-striped">
            <caption><span class="glyphicon glyphicon-th-list"></span>电影数据详情表</caption>
            <thead>
            <tr>
                <th>编号</th>
                <th>电影名</th>
                <th>发行时间</th>
                <th>评分</th>
                <th>评价人数</th>
                <th>导演</th>
                <th>类型</th>
                <th>时长</th>
            </tr>
            </thead>
            <tbody>
            {% for movie in data.movies %}
            <tr>
                <td>{{ movie[0]}}</td>
                <td>{{ movie[1]}}</td>
                <td>{{ movie[2] }}</td>
                <td>{{ movie[3] }}</td>
                <td>{{ movie[4] }}</td>
                <td>{{ movie[5] }}</td>
                <td>{{ movie[6] }}</td>
                <td>{{ movie[7] }}</td>
            </tr>
            {% endfor %}
            </tbody>
        </table>
    </section>
</div>

</body>
</html>